﻿body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, button,textarea, p, blockquote, th, td ,div{margin:0; padding:0;}
body{ font-family:'Microsoft YaHei', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 12px;color: #333;}
ul li{ list-style-type: none;}
input{ outline: none;}
input[type="text"],input[type="submit"], input[type="reset"], input[type="button"], button {-webkit-appearance: none;font-family: "Helvetica","Hiragino Sans GB","Microsoft Yahei",sans-serif;}
a{ text-decoration: none;color: #333;}
a:focus,a:active,button:focus,button:active{outline:none;}
.clearfix:after {content:"."; clear:both; display:block; height:0; font-size:0; visibility:hidden; overflow:hidden;}
.clearfix {display:inline-table;}
* html .clearfix {height:1%;}
.clearfix {display: block;}
.left{ float: left;}
.right{ float: right;}
*+html .clearfix{min-height:1%;}
 h2{ font-weight: normal;}
.container{ width: 1150px;margin: 0 auto;}
.header .hrader-top{ width: 100%;height: 35px;line-height: 35px;background: #333;position:fixed;z-index:99999999;top:0;}
.header .hrader-top .header-nav-box {float: left;height:35px;}
.header .hrader-top .header-nav-box ul li{ float: left;position:relative;height: 40px;}
.header .hrader-top ul li a{ display: block;width: 100px;height: 35px;text-align: center;line-height: 35px;color: #eee;position: relative;}
.header .hrader-top  ul li a:hover{ background: #000;color: #fff;}
.header .hrader-top  ul li a i{margin-left:5px;}
.header .hrader-top  ul li a:hover i{transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);}
.header .hrader-top ul li a span{ width: 16px;height: 16px;border-radius: 50%;background: #fe5956;line-height: 16px;text-align: center;color: #eee;position: absolute;top: 2px;right: 0px;font-size: 12px;}
.header .hrader-top .login-box{ float: right;color: #fff;}
.header .hrader-top .login-box a{ display: inline-block;color: #fff;}
.header .hrader-top .login-box span{ padding: 0 15px;color: #ccc;}
.header .logo-box{ width: 100%;height: 77px;background: #f0f0f0;border-bottom: 1px solid #ccc;margin-top:35px;}

.header .logo-box .logo{ width: 180px;height: 76px;overflow: hidden;float: left;}
.header .logo-box .brand{ float: left;font-size: 20px;width: 120px;height: 30px;line-height: 30px;text-align: center;margin-top: 23px;margin-left: 20px;border-left: 1px solid #cccccc;}
.header .logo-box .search-box{ float: right;width: 400px;height: 76px;position: relative;}
.header .logo-box .search-box input.search-text{ font-size: 12px;border: 0;width: 250px;height: 40px;position: absolute;top: 18px;right: 0;border-radius: 5px;padding: 0 40px 0 10px;}
.header .logo-box .search-box .btn{background: none;font-size: 20px;color: #CAC7C7; width: 30px;height: 30px;/*background: url(../images/icon/chosen.png) no-repeat;*/ position: absolute;top: 23px;right:5px;border: 0;cursor: pointer;}
.header .logo-box .search-box .btn:hover{ color: #fe5956;}
.footer{ width: 100%;height:288px;background: #333;padding-top: 20px;}
.footer .item{ width: 266px;height: 210px;float: left;margin-right: 20px;}
.footer .item .title{ color: #ccc;padding-bottom: 10px;}
.footer .item  a{float: left;overflow: hidden;margin-right: 15px;color: #ccc;}
.footer .item2 .title{ padding-bottom: 22px;} 
.footer .item2 a{ margin-right: 30px;}
.footer .item3{ width: 236px;padding-left: 30px;}
.footer .item  ul li{ width: 230px;line-height: 26px;height: 26px;}
.footer .friendly-link{ border-top: 1px solid #999;padding-top: 15px;}
.footer .friendly-link a{ float: left;margin-right: 20px;color: #ccc;}
.footer .copyright{ color: #ccc;font-size: 12px;text-align: center;margin-top: 10px;}
.bread-nav{ margin: 20px 0 10px 0;line-height: 30px;color: #999;}
.bread-nav a{ display: inline-block;color: #0071b2;padding: 0 5px;}
.transition {-webkit-transition: all .2s linear;-moz-transition: all .2s linear; -o-transition: all .2s linear;transition: all .2s linear; -ms-transition: all .2s linear;}
.transition5 {-webkit-transition: all .5s linear;-moz-transition: all .5s linear; -o-transition: all .5s linear;transition: all .5s linear; -ms-transition: all .5s linear;}

.main-title{ font-size: 18px;border-bottom: 1px solid #ccc;margin: 10px 0;height: 35px;padding-top: 10px;}
.main-title p{ padding-left: 10px;border-left: 4px solid #1687cd;float: left;}

/*分页*/
.page{clear:both;margin-left:10px;padding:40px 0;width:100%;height:35px;font-size:13px;font-family:arial,'Hiragino Sans GB',"\5b8b\4f53",sans-serif;line-height:35px;}
.page a{ color: #666;}
.page .total{position:relative;float:left;margin-left:5px;height:35px;color:#999;line-height:37px;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear;}
.page a:hover{text-decoration:none;}
.page .item:hover a{color:#f40;}
.page .item{position:relative;float:left;margin-left:-1px;width:35px;height:35px;border:solid 1px #ededed;color:#3e3e3e;text-align:center;line-height:35px;cursor:pointer;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear;}
.page .dot{position: relative;float: left;width: 56px;height: 35px;text-align: center;line-height: 35px;font-size: 18px;}
.page .active .num{position:relative;z-index:1;border-color:#f40;background:#f40;color:#fff;text-decoration:none;cursor:default;}
.page .active{border-color:#f40;}
.page .item .num{position:relative;z-index:1;display:inline-block;width:100%;font-size:14px;}
.page .item .num:hover,.page .item .num:focus{color:#f40;}
.page .item:hover{z-index:1;border-color:#f40;}
.page .disabled:hover,.page .disabled a{cursor:not-allowed;}
.page .active .num:hover,.page .active .num:focus{color:#fff;text-decoration:none;}
.page .prev,.page .next{width:70px;font-weight:400;}
.page .prev{margin-right:6px;margin-left:0;}
.page .next{margin-right:0;margin-left:6px;}
.page .clear{clear:both;}

.ui-page-s {float: right;overflow: hidden;height: 24px;color: #999;font: 13px/1.5 宋体,Helvetica,sans-serif;line-height: 24px;}
.ui-page-s a {color: #806f66;text-decoration: none;font-weight: 600; margin: 0 10px;}
.ui-page-s b {font-size: 13px;}
b.ui-page-s-len {background: none repeat scroll 0 0 transparent;font-weight: 400;}

/*排序选择*/
.filter {position: relative;z-index: 10;padding: 5px;width: calc(100% - 10px)!important;background: none repeat scroll 0 0 #faf9f9;color: #806f66;font: 13px/1.5 宋体,Helvetica,sans-serif;margin:15px 0;}
.filter a {color: #806f66;cursor: pointer;}
.fSort {position: relative;display: inline-block;overflow: hidden;margin-left: -1px;padding: 0 15px 0 5px;}
.fSort i{margin-left:3px}
.fSort:hover i{transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);}
/*浮动按钮*/
.gbtn{position: fixed;right: 0;bottom: 30px;z-index: 10009;-position: absolute;width: 35px;}
.gbtn .btn{display:block;position:relative;margin:0 0 5px;height:20px;line-height:20px;padding:10px;text-decoration:none;border:1px solid #E9E9E9;border-right:0;border-radius:5px 0 0 5px;margin-top:5px;background:#FFF;color:gray;left:0;width:75px;white-space:nowrap;-webkit-transition:left .3s ease-in-out;-moz-transition:left .3s ease-in-out;-o-transition:left .3s ease-in-out;transition:left .3s ease-in-out}
.gbtn .btn i{cursor:pointer;font-size:16px;line-height:1em;width:16px;height:16px;overflow:hidden;display:inline-block;vertical-align:text-top;margin-right:10px}
.gbtn .btn:hover{left:-60px;text-decoration:none}
/*下拉导航*/
.nav-dropdown-menu{position:absolute;display:none; top:40px;right:-23px;z-index:10001;float:left;width:140px;text-align:center;background-color:#fff;border:1px solid #F5F3F3;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);background-clip:padding-box;}
.nav-dropdown-menu>dd>a{display:block;padding:0 10px;clear:both;line-height:28px;color:#806f66 !important;white-space:nowrap;width:120px!important;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;-ms-transition:all .4s linear}
.nav-dropdown-menu>dd>a:focus,.nav-dropdown-menu>dd>a:hover{text-decoration:none;color:#f04848 !important;background:#FFF !important;}
.nav-dropdown-menu:after,.nav-dropdown-menu:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.nav-dropdown-menu:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px}
.nav-dropdown-menu:before{border-bottom-color:#F5F3F3;border-width:12px;margin-left:-13px;}
.header .hrader-top  ul li:hover .nav-dropdown-menu{display:block;}

/*换一批*/
.ui-tags-refresh a{color:#806f66;text-decoration:none;font:13px/1.5 宋体,Helvetica,sans-serif;position:absolute;top:10px;right:0}
.ui-tags-refresh i:before{content:"";display:block;background:url(/libs/images/article/icon-cw.png) no-repeat;background-size:16px 16px;right:43px;width:16px;height:16px;position:absolute; }
.rotate i:before{animation: refrotate .5s infinite linear;-webkit-animation: refrotate .5s infinite linear;}
@keyframes refrotate {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes refrotate {
    from {
        -webkit-transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}
